<div class="hero-unit" id="reporte">
    <center>
     <div class="control-group">
                <div class="controls">
                    <select  class="input-xlarge" name="mes" id="mes">
                        <option value="">Seleccione mes</option>
                        <option value="01">Enero</option>
                        <option value="02">Febrero</option>
                        <option value="03">Marzo</option>
                        <option value="04">Abril</option>
                        <option value="05">Mayo</option>
                        <option value="06">Junio</option>
                        <option value="07">Julio</option>
                        <option value="08">Agosto</option>
                        <option value="09">Septiembre</option>
                        <option value="10">Octubre</option>
                        <option value="11">Nombiembre</option>
                        <option value="12">Diciembre</option>
                    </select>   
                </div>
            </div>
        </center>
</div>

<script>

$('#mes').change(function() {
    $.ajax({
        url: "/reporte/reporte_administrativo.php?fecha="+ $('#mes').val() +" "+moment().format("YYYY")+"&mes="+$('#mes').find('option:selected').text() ,
        data: null,
        dataType: 'json',
        success: function(data)
        {
           verReporte();
        },
        failure: function(response){
            console.log("failure:" + response)
            verReporte();
        },
        error: function(response) {
            console.log(response.status)
            verReporte();
                
        }        
        
    });

});


function verReporte() {
        var success = new PDFObject(
                {
                    url: "/reporte/administrativo.pdf",
                    height: "400px",
                    with : "400px",
                    pdfOpenParams: {view: "FitV"}
                }
        ).embed("reporte");
    }
</script>